<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./shouye.css">
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="./shouye.css">
    <link rel="stylesheet" href="./layui/css/layui.css">
    <script src="./layui/layui.all.js"></script>
    <title>小米</title>
</head>

<body>
    <div class="main">
        <div id="nav-top-fixed">
            <img id="head" src="./images/f7bd6e2151ddfe2562cb5a9ffff56cb6.png" alt="">
            <div id="head-menu">
                <div id="search">
                    <img id="mi" src="./images/index.png" alt="">
                    <div id="search-box">
                        <img src="./images/index-user.png" alt="">
                        <input type="text" placeholder="搜索商店名称">
                    </div>
                    <a href="./wode.html"><img id="icon-user" src="./images/icon-user.23496a0116.png" alt=""></a>


                </div>
                <div id="Navigation">
                    <div id="Navigation-nav">
                        <div>推荐</div>
                        <div>手机</div>
                        
                        <div>笔记本</div>
                        <div>家电</div>
                        <img src="./images/index2.png" alt="">
                    </div>
                </div>
            </div>
        </div>

        <div id="Rotation">
            <img id="img1" src="./images/5a72dd1018b7f09297947c69442f97a6.jpg" alt="">
        </div>

        <div id="classification">
            <div id="classification-top">
                <img src="./images/cb65daec7ef7b52cc785f88f78efba37.png" alt="">
                <img src="./images/eb5024fe-dfe3-6e53-3e18-675bef5fa06e.png" alt="">
                <img src="./images/d436f30612651fffe1d6c5aaa3fdb816.png" alt="">
                <img src="./images/e8bc849a-0a3b-21a0-6810-7da3a3903dee.png" alt="">
                <img src="./images/7dbcbf87-6a58-adb6-2f3f-bb3dae3e9c80.png" alt="">

            </div>
            <div id="classification-bottom">
                <img src="./images/64f3988b6216e4c1ab62a7f50df3e816.png" alt="">
                <img src="./images/9ea68dee2bfa0e55a82236b0d968e975.png" alt="">
                <img src="./images/96c780016ea196743905dc93f9249c39.png" alt="">
                <img src="./images/9425031cdd7af22d9a23a5ae16d1f57c.jpg" alt="">
                <img src="./images/f11f9df6b0b0b428f8c8fc3267131830.png" alt="">
            </div>
        </div>
        <div id="redmi">
            <table>
                <tr>
                    <td class="left" rowspan="2">
                        <img src="./images/d692a30ee3d586c4274575eec255d3c5.jpg" alt="">
                    </td>
                    <td>
                        <img class="right top" src="./images/827a686678f39b1bbdc99c6e6b6a13c8.jpg" alt="">
                    </td>
                </tr>
                <tr>

                    <td>
                        <img class="right bottom" src="./images/267e988a99b5cf4e960747e8aa5fa831.jpg" alt="">
                    </td>
                </tr>
            </table>
            <img src="./images/189acdf7e9b807cfc22d394df87c1958.jpg" alt="">
            <img src="./images/e32eea5c3c27062019f9ac6434b3511df.jpg" alt="">
        </div>

        <div id="Exhibition">
            <table>
                <tr>
                    <td>
                        <img src="./images/7ed6090953a4edca0ee6bc4b36cb4a9e.jpg" alt="">
                        <div>
                            <p>小米10 PRO</p>
                            <span>晓龙865 / 50倍变焦</span>
                            <div class="monyy">￥4999<span>起</span></div>
                            <div class="now">立即购买</div>
                        </div>

                    </td>
                    <td>
                        <img src="./images/9b3b7c52bffab0806c54652ee0872a64.jpg" alt="">
                        <div>
                            <p>小米10</p>
                            <span>晓龙865/1亿像素相机</span>
                            <div class="monyy monyy2">￥3799<span>￥3999</span></div>
                            <div class="now">立即购买</div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <img src="./images/53e729d30746033a042d8ae9399553a7.jpg" alt="">
                        <div>
                            <p>Redmi K30 4G</p>
                            <span>120Hz流速屏，全速热爱</span>
                            <div class="monyy monyy2">￥1399<span>￥1699</span></div>
                            <div class="now">立即购买</div>
                        </div>
                    </td>
                    <td>
                        <img src="./images/64a04d4f67a23c2d8643aaba52e2392b.jpg" alt="">
                        <div>
                            <p>Redmi K30 5G</p>
                            <span>双模5G，120Hz流速屏</span>
                            <div class="monyy monyy2">￥1699<span>￥2299</span></div>
                            <div class="now">立即购买</div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <img src="./images/8025107813883a20d3f2d956ad80ea38.jpg" alt="">
                        <div>
                            <p>Redmi Note 8 Pro</p>
                            <span>6400万全场景四摄</span>
                            <div class="monyy monyy2">￥1099<span>￥1399</span></div>
                            <div class="now">立即购买</div>
                        </div>
                    </td>
                    <td>
                        <img src="./images/cf8c841ab5e52d443be110f6aa7e0d98.jpg" alt="">
                        <div>
                            <p>Redmi Note 8</p>
                            <span>千元4800万四摄</span>
                            <div class="monyy monyy2">￥899<span>￥999</span></div>
                            <div class="now">立即购买</div>
                        </div>
                    </td>
                </tr>
            </table>
            <div id="more">更多小米手机产品 ></div>
        </div>

        <img style="width: 100%;" src="./images/34cc562e-8dd3-61e9-0209-395edb9237a1.webp" alt="">
        <div id="Exhibition">
            <table>
                <tr>
                    <td>
                        <img src="./images/82003442-c6b7-3258-cc7a-2a851216ce8a.webp" alt="">
                        <div>
                            <p>小米电视4A 65英寸</p>
                            <span>KHDR，人工智能语音系统</span>
                            <div class="monyy monyy2">￥2499<span>￥2999</span></div>
                            <div class="now">立即购买</div>
                        </div>

                    </td>
                    <td>
                        <img src="./images/7cd59729b9a02407979848839c0e5343.jpg" alt="">
                        <div>
                            <p>小米电视4X43英寸</p>
                            <span>FHD全高清屏，人工智能语音</span>
                            <div class="monyy monyy2">￥999<span>￥1399</span></div>
                            <div class="now">立即购买</div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <img src="./images/896d989bcdae584906c36f4a4e5fa89b.jpg" alt="">
                        <div>
                            <p>小米电视4C 50英寸</p>
                            <span>KHDR，钢琴烤漆
                            </span>
                            <div class="monyy monyy2">￥1599<span>￥1699</span></div>
                            <div class="now">立即购买</div>
                        </div>
                    </td>
                    <td>
                        <img src="./images/4b624a157d24822509e1f54316c8417a.jpg" alt="">
                        <div>
                            <p>小米电视4C55英寸
                            </p>
                            <span>KHDR，人工智能系统
                            </span>
                            <div class="monyy monyy2">￥1599<span>￥1999</span></div>
                            <div class="now">立即购买</div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <img src="./images/3d20e4c39b6967319e89b1f779332b0e.jpg" alt="">
                        <div>
                            <p>小米电视4A 32英寸
                            </p>
                            <span>人工智能系统，高清液晶屏
                            </span>
                            <div class="monyy monyy2">￥599<span>￥799</span></div>
                            <div class="now">立即购买</div>
                        </div>
                    </td>
                    <td>
                        <img src="./images/06bd0cdc9a6d3cc76850633a8ffb9d74.png" alt="">
                        <div>
                            <p>小米电视4A 50英寸
                            </p>
                            <span>K HDR，人工智能i语音系统
                            </span>
                            <div class="monyy monyy2">￥1499<span>￥1699</span></div>
                            <div class="now">立即购买</div>
                        </div>
                    </td>
                </tr>
            </table>
            <hr>
            <div id="more">更多小米手机产品 ></div>
        </div>

        <img style="width: 100%; margin-bottom: 0.5rem;" src="./images//067047e99bc9517e85bbc5d2d854779a.jpg" alt="">
        <img style="width: 100%;" src="./images/c226d76d6036e165523338e63f6d2da4.jpg" alt="">
        <div id="Exhibition">
            <table>
                <tr>
                    <td>
                        <img src="./images//399cfcaa4aae2766733e46704935bdd4.jpg" alt="">
                        <div>
                            <p>Air 13.3"2019款
                            </p>
                            <span>新-代独立显卡
                                </span>
                            <div class="monyy monyy2">￥5499<span>￥5999</span></div>
                            <div class="now">立即购买</div>
                        </div>

                    </td>
                    <td>
                        <img src="./images/ff646eb3db372e455a7154331fa58d53.jpg" alt="">
                        <div>
                            <p>小米笔记本15.6"MX...
                            </p>
                            <span>全面均衡的国民轻薄本
                            </span>
                            <div class="monyy">￥4299</div>
                            <div class="now">立即购买</div>
                        </div>
                    </td>
                </tr>
            </table>
            <div id="more">更多小米手机产品 ></div>
        </div>

        <img style="width: 100%; margin-bottom: 0.5rem;" src="./images/f4c4a11536a720ee0f1b516e53e4d868.jpg" alt="">
        <div id="realize">
            了解小米
        </div>
        <a id="navigation" href="#nav-top-fixed">
            <img src="./images/top.451d650ecd.png" alt="">
        </a>
    </div>
    <div id="nav-bottom-fixed">
        <div><a href="./shouye.html"><i
                    style="background-image: url('./images/icon-home-selected.598ca2c8f9.png');"></i>首页</a></div>
        <div><a href="./fenlei.html"><i
                    style="background-image: url('./images/icon-category.be93273636.png');"></i>分类</a></div>
        <div><a href="./gouwuche.html"><i
                    style="background-image: url('./images/icon-cart.585c3aa4d3.png');"></i>购物车</a></div>
        <div><a href="./wode.html"><i style="background-image: url('./images/icon-user.23496a0116.png');"></i>我的</a>
        </div>
    </div>
</body>

</html>